// 提示框 详情内容
<template>
  <div>
    <p>{{user.id}}</p><br>
    <p>{{user.date}}</p><br>
    <p>{{user.name}}</p><br>
    <p>{{user.address}}</p><br>
    <el-button type="success" size="mini" @click="close()" id="btntrue">确定</el-button>
       <el-button type="info" size="mini" @click="close()" id="btnoff">取消</el-button>
  </div>
</template>
<script>
export default{
  props:{
    user: Object
  },
  methods:{
    close:function(){
      //触发自定义事件
      this.$emit('close');
    }
  }
}
</script>
<style scoped>
#btntrue{
  position: absolute;
  right: 100px;
  bottom: 10px;
}
#btnoff{
    position: absolute;
  right: 20px;
  bottom: 10px;
}
</style>